<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>MyAccount</title>
    
</head>
<body>
    <%= require('./common/top.htm') %>

<div id="Content">
<div id="Catalog">
    <form>

        <h3>User Information</h3>

        <table>
            <tr>
                <td>User ID:</td>
                <td >
                    <input type="text" name="username" id="username" required="required" >
                </td>
            </tr>
            <tr>
                <td>New password:</td>
                <td><input type="password" name="password" id="password" required="required"/></td>
            </tr>
            <tr>
                <td>Repeat password:</td>
                <td><input type="password" name="repassword" id="repassword" required="required"/></td>
               
            </tr>
        </table>

        <h3>Account Information</h3>

        <table>
            <tr>
                <td>First name:</td>
                <td>
                    <input type="text" name="firstName" id="firstname"/>
                </td>
            </tr>
            <tr>
                <td>Last name:</td>
                <td>
                    <input type="text" name="lastName" id="lastname"/>
                </td>
            </tr>
            <tr>
                <td>Email:</td>
                <td><input type="text" size="40" name="email" id="email"/></td>
            </tr>
            <tr>
                <td>Phone:</td>
                <td><input type="text" name="phone" id="phone"/></td>
            </tr>
            <tr>
                <td>Address 1:</td>
                <td><input type="text" size="40" name="address1" id="address1"/></td>
            </tr>
            <tr>
                <td>Address 2:</td>
                <td><input type="text" size="40" name="address2" id="address2"/></td>
            </tr>
            <tr>
                <td>City:</td>
                <td><input type="text" name="city" id="city"/></td>
            </tr>
            <tr>
                <td>State:</td>
                <td><input type="text" size="4" name="state" id="state"/></td>
            </tr>
            <tr>
                <td>Zip:</td>
                <td><input type="text" size="10" name="zip" id="zip"/></td>
            </tr>
            <tr>
                <td>Country:</td>
                <td><input type="text" size="15" name="country" id="country"/></td>
            </tr>
        </table>

        <h3>Profile Information</h3>
        <table>
        
            <tr>
                <td>
                    Language Preference:
                </td>
                <td>
                    <select name="languagepre" id="languagepre">
                        <option value="English">English</option>
                        <option value="Janpenese">Janpenese</option>
                        <option value="Chinese">Chinese</option>
                    </select>
                </td>
            </tr>
        </table>

        <input type="button" name="editAccount" id="editbtn" value="Save Account Information" />

    </form>
    <a href="#">My Orders</a>
</div>

</div>
<%= require('./common/bottom.htm') %>
</body>
</html>